body{
    background: #666;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
img{
    border: 0;
    width: 400px;
    height: 320px;
}
.play{
    width: 400px;
    height: 430px;
    margin: 50px auto 0;
    background: #999;
    font: 12px Arial;
    position: relative;
}
.big_pic{
    width: 400px;
    height: 320px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #222;
    position: relative;
}
.big_pic li{
    width: 400px;
    height: 320px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: url(../img/loading.gif) no-repeat center center;
}
.mark_left{
    width: 200px;
    height: 320px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: red;
    filter:alpha(opacity:0);
    opacity: 0;
    z-index: 3000;
}
.mark_right{
    width: 200px;
    height: 320px;
    position: absolute;
    left: 200px;
    top: 0;
    background: green;
    filter:alpha(opacity:0);
    opacity: 0;
    z-index: 3000;
}
.big_pic .prev{
    width: 60px;
    height: 60px;
    /*background: url(../img/001.jpg) no-repeat;*/
    position: absolute;
    top: 130px;
    left: 10px;
    z-index: 30001;
    filter: alpha(opacity:0);
    opacity: 0;
    cursor: pointer;
}
.big_pic .next{
    width: 60px;
    height: 60px;
    /*background: url(../img/002.jpg) no-repeat 0 -60px;*/
    position: absolute;
    top: 130px;
    right: 10px;
    z-index: 30001;
    filter: alpha(opacity:0);
    opacity: 0;
    cursor: pointer;
}
.big_pic .text{
    position: absolute;
    left: 10px;
    top: 302px;
    z-index: 3000;
    color: #ccc;
}
.big_pic .length{
    position: absolute;
    right: 10px;
    bottom: 4px;
    z-index: 3000;
    color: #ccc;
}
.big_pic .bg{
    width: 400px;
    height: 25px;
    background: #000;
    filter: alpha(opacity:60);
    opacity: 0.6;
    position: absolute;
    z-index: 2999;
    bottom: 0;
    left: 0;
}
.small_pic {
    width: 380px;
    height: 94px;
    position: absolute;
    bottom:7px;
    left: 10px;
    overflow: hidden;
}
.small_pic img{
    width: 120px;
    height: 94px;
}
.small_pic ul{
    height: 94px;
    position: absolute;
    top: 0;
    left: 0;
}
.small_pic li{
    width: 120px;
    height: 94px;
    float: left;
    padding-right: 10px;
    background: url(../img/loading.gif) no-repeat center center;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: 0.6;
}